<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<!--
框架 ：html标签页面定义结构出发，所谓html框架指的是多页面的分解和组合关系
-->
    <h1>普通页面组成</h1>
    <ul>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
        <li>列表4</li>
        <li>列表5</li>
    </ul>
    <hr>
    <h1>页面嵌套组成(html框架)</h1>
    <!--
        src   需要在页面显示时，直接完成资源加载并由浏览器自动完成运行的资源
        href  构建执行连接，在需要使用时基于连接进行导航的操作
              -> link 标签也是需要浏览器进行资源自动加载和运行的标签，但使用href
    -->
    <!--
        iframe 框架会通过资源地址，将其它页面嵌入到当前页面中
            通过 属性 src 设置嵌入地址 => 等同与 a 标签的 href
            width="100%" 和视窗宽度一致
            height="400px" 高度为400个像素点大小
        现代页面开发是不建议使用 框架构建页面（网络，奇数发展，资源加载）
    -->
    <iframe src="https://www.csdn.net/"
        width="100%" height="400px"
    ></iframe>
</body>
</html>